import React, { useState, useEffect } from "react";
import { NavBar, Space, Toast, Button, Modal, Divider, Input, ProgressBar } from 'antd-mobile'
import { useNavigate } from "react-router-dom"
import "../css/zyh_xtsz.css"
const Zyh_xtsz = () => {
    const router = useNavigate()
    const back = () => {
        router("/layouts/user")
    }
    const gotozhaq = () => {
        router("/zyh/zhaq")
    }
    const gotoyhxy = () => {
        router("/zyh/yhxy")
    }
    const gotoyszc = () => {
        router("/zyh/yszc")
    }
    const gotogywm = () => {
        router("/zyh/gywm")
    }
    return (
        <div className="zyh_xtsz">
            <NavBar onBack={back} style={{ color: "white",position:"fixed",top:"0px" }}>系统设置</NavBar>
            <div className="zyh_xtsz_content">
                <div onClick={() => gotozhaq()}>
                    <div className="zyh_xtsz_pingleft">
                        <svg t="1735814782920" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="14054" width="20" height="20"><path d="M444.4 906.8H247.6c-97.2 0-176.3-79.1-176.3-176.3s79.1-176.3 176.3-176.3h122.2c2.1 0 4.2-0.2 6.2-0.5 145.3-3.3 262.5-122.5 262.5-268.6C638.5 137 518 16.4 369.8 16.4S101.1 136.8 101.1 285c0 81.3 36.3 154.2 93.5 203.5C83.5 512.9 0 612.1 0 730.4 0 867 111.1 978.1 247.6 978.1h196.8c19.7 0 35.7-16 35.7-35.7 0-19.7-16-35.6-35.7-35.6zM172.5 285c0-108.8 88.5-197.3 197.3-197.3S567.2 176.2 567.2 285s-88.5 197.3-197.3 197.3S172.5 393.8 172.5 285z" fill="#bfbfbf" p-id="14055"></path><path d="M988.3 593.1c-101.2 0-190.2-76.3-191-77-13.2-11.6-32.9-11.7-46.3-0.5-0.9 0.8-94.4 77.5-191.7 77.5-19.7 0-35.7 16-35.7 35.7 0 368.4 246.8 378.8 251.1 378.9 2.7-0.1 66.5-2.2 128.9-52.9 54.9-44.6 120.4-137.4 120.4-326 0-19.7-16-35.7-35.7-35.7zM774.7 936.4c-1.7 0-166.4-7.4-179-274.5 76.7-10.4 143.9-50.6 177.7-74.2 33.4 23.9 99.6 64.2 178.4 74.3-12.3 263.9-172 274.1-177.1 274.4z" fill="#bfbfbf" p-id="14056"></path></svg>
                        <span style={{marginLeft:"6px"}}>账号安全</span>
                    </div>
                    <div>
                        <span><svg t="1735812848960" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12954" width="20" height="12"><path d="M248.202343 944.153579l427.169777-404.239881-424.460455-410.236514a44.866373 44.866373 0 0 1 0.171591-65.384972c18.911068-18.062147 49.508345-18.179551 68.365226 4.515537l452.790932 432.967726c6.105006 6.529466 13.113119 14.260065 14.287158 18.441452 7.15261 16.987449 3.612429 37.876322-10.737946 55.035362L316.721098 1014.32502c-18.965254 13.54661-49.752184 13.600797-68.708407-4.515537s-18.784633-47.503447 0.198683-65.682997z m0 0" fill="#bfbfbf" p-id="12955"></path></svg></span>
                    </div>
                </div>
                <div onClick={() => gotoyhxy()}>
                    <div className="zyh_xtsz_pingleft">
                    <svg t="1735814925206" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15175" width="20" height="20"><path d="M789.05299 959.967638 236.143255 959.967638c-70.708412 0-78.381162-26.095331-78.990029-77.841879L157.153226 142.616138c0-42.98807 16.025998-78.45484 78.990029-77.843926 0 0 453.222315 0 327.153038 0l55.216579 0 243.744373 258.693854 5.785773 4.600785 0 9.15859 0 8.66638 0 49.718355 0 486.517629C868.043019 940.210665 846.311065 959.967638 789.05299 959.967638zM631.082142 162.357761l0 142.81773c0 21.4925 4.51585 22.89136 26.327622 22.89136l131.647319 0L631.082142 162.357761zM815.383682 380.723118 631.079072 380.723118c-43.62252 0-52.65729-35.996842-52.65729-78.986959L578.421782 117.431549 236.140185 117.431549c-21.813818 0-26.329668 4.835122-26.329668 26.329668l0 737.219461c0 21.49557 4.51585 26.327622 26.329668 26.327622l552.914852 0c21.810748 0 26.327622-4.832052 26.327622-26.327622L815.382659 380.723118zM288.797475 696.674023l447.598224 0 0 52.66036L288.797475 749.334383 288.797475 696.674023zM288.797475 591.356372l447.598224 0 0 52.66036L288.797475 644.016733 288.797475 591.356372zM288.797475 459.712123l210.634278 0L499.431753 512.369414 288.797475 512.369414 288.797475 459.712123zM288.797475 354.395496l210.634278 0 0 52.65729L288.797475 407.052786 288.797475 354.395496z" fill="#bfbfbf" p-id="15176"></path></svg>
                        <span style={{marginLeft:"6px"}}>用户协议</span>
                    </div>
                    <div>
                        <span><svg t="1735812848960" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12954" width="20" height="12"><path d="M248.202343 944.153579l427.169777-404.239881-424.460455-410.236514a44.866373 44.866373 0 0 1 0.171591-65.384972c18.911068-18.062147 49.508345-18.179551 68.365226 4.515537l452.790932 432.967726c6.105006 6.529466 13.113119 14.260065 14.287158 18.441452 7.15261 16.987449 3.612429 37.876322-10.737946 55.035362L316.721098 1014.32502c-18.965254 13.54661-49.752184 13.600797-68.708407-4.515537s-18.784633-47.503447 0.198683-65.682997z m0 0" fill="#bfbfbf" p-id="12955"></path></svg></span>
                    </div>
                </div>
                <div onClick={() => gotoyszc()}>
                    <div className="zyh_xtsz_pingleft">
                    <svg t="1735814976531" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="16344" width="20" height="20"><path d="M929.684211 970.105263H916.210526a26.947368 26.947368 0 0 1 0 53.894737H619.789474a26.947368 26.947368 0 0 1 0-53.894737h13.473684a13.473684 13.473684 0 0 1 0-26.947368h296.421053a13.473684 13.473684 0 0 1 0 26.947368zM916.210526 538.947368a26.947368 26.947368 0 0 1-26.947368-26.947368V107.789474a53.894737 53.894737 0 0 0-53.894737-53.894737H188.631579a53.894737 53.894737 0 0 0-53.894737 53.894737v808.421052a53.894737 53.894737 0 0 0 53.894737 53.894737h296.421053a26.947368 26.947368 0 0 1 0 53.894737H188.631579a107.789474 107.789474 0 0 1-107.789474-107.789474V107.789474a107.789474 107.789474 0 0 1 107.789474-107.789474h646.736842a107.789474 107.789474 0 0 1 107.789474 107.789474v404.210526a26.947368 26.947368 0 0 1-26.947369 26.947368zM242.526316 754.526316h242.526316a26.947368 26.947368 0 0 1 0 53.894737H242.526316a26.947368 26.947368 0 0 1 0-53.894737z m538.947368-485.052632H242.526316a26.947368 26.947368 0 0 1 0-53.894737h538.947368a26.947368 26.947368 0 0 1 0 53.894737zM215.578947 431.157895a26.947368 26.947368 0 0 1 26.947369-26.947369h538.947368a26.947368 26.947368 0 0 1 0 53.894737H242.526316a26.947368 26.947368 0 0 1-26.947369-26.947368z m431.157895 269.473684a134.736842 134.736842 0 1 1 214.851369 107.789474H862.315789a53.894737 53.894737 0 0 1 0 107.789473h-161.68421a53.894737 53.894737 0 0 1 0-107.789473h0.727579A134.170947 134.170947 0 0 1 646.736842 700.631579z m107.789474 75.883789V835.368421h-40.421053a13.473684 13.473684 0 0 0 0 26.947368h134.736842a13.473684 13.473684 0 0 0 0-26.947368H808.421053v-58.853053a80.842105 80.842105 0 1 0-53.894737 0zM242.526316 619.789474a26.947368 26.947368 0 0 1 0-53.894737h269.473684a26.947368 26.947368 0 0 1 0 53.894737H242.526316z" fill="#bfbfbf" p-id="16345"></path></svg>
                        <span style={{marginLeft:"6px"}}>隐私政策</span>
                    </div>
                    <div>
                        <span><svg t="1735812848960" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12954" width="20" height="12"><path d="M248.202343 944.153579l427.169777-404.239881-424.460455-410.236514a44.866373 44.866373 0 0 1 0.171591-65.384972c18.911068-18.062147 49.508345-18.179551 68.365226 4.515537l452.790932 432.967726c6.105006 6.529466 13.113119 14.260065 14.287158 18.441452 7.15261 16.987449 3.612429 37.876322-10.737946 55.035362L316.721098 1014.32502c-18.965254 13.54661-49.752184 13.600797-68.708407-4.515537s-18.784633-47.503447 0.198683-65.682997z m0 0" fill="#bfbfbf" p-id="12955"></path></svg></span>
                    </div>
                </div>
                <div onClick={() => gotogywm()}>
                    <div className="zyh_xtsz_pingleft">
                    <svg t="1735815074158" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17416" width="20" height="20"><path d="M511.5 792.2c-20.8 0-37.7-16.9-37.7-37.7V422c0-20.8 16.9-37.7 37.7-37.7s37.7 16.9 37.7 37.7v332.5c0 20.8-16.9 37.7-37.7 37.7z" fill="#bfbfbf" p-id="17417"></path><path d="M511.5 298.8m-46.8 0a46.8 46.8 0 1 0 93.6 0 46.8 46.8 0 1 0-93.6 0Z" fill="#bfbfbf" p-id="17418"></path><path d="M511.5 962C264.7 962 64 761.3 64 514.5S264.7 67 511.5 67 959 267.7 959 514.5 758.3 962 511.5 962z m0-841.1c-217 0-393.6 176.6-393.6 393.6s176.6 393.6 393.6 393.6 393.6-176.6 393.6-393.6-176.6-393.6-393.6-393.6z" fill="#bfbfbf" p-id="17419"></path></svg>
                        <span style={{marginLeft:"6px"}}>关于我们</span>
                    </div>
                    <div>
                        <span><svg t="1735812848960" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12954" width="20" height="12"><path d="M248.202343 944.153579l427.169777-404.239881-424.460455-410.236514a44.866373 44.866373 0 0 1 0.171591-65.384972c18.911068-18.062147 49.508345-18.179551 68.365226 4.515537l452.790932 432.967726c6.105006 6.529466 13.113119 14.260065 14.287158 18.441452 7.15261 16.987449 3.612429 37.876322-10.737946 55.035362L316.721098 1014.32502c-18.965254 13.54661-49.752184 13.600797-68.708407-4.515537s-18.784633-47.503447 0.198683-65.682997z m0 0" fill="#bfbfbf" p-id="12955"></path></svg></span>
                    </div>
                </div>
            </div>
            <div className="zyh_xtsz_tuic">
                    退出登录
                </div>
        </div>
    )
}
export default Zyh_xtsz